<!DOCTYPE html>
<html lang="en">
<head>
  <base href="/">

  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">

  <title>Loy Index</title>
</head>

<body>
  <nav>
    <!-- PC 导航 -->
    <div>
      <!-- 左侧：版块区域 -->
      <div>
        <ul class="menus">
          <!-- LOGO -->
          <li class="nav-item"><img src="includes/images/logo.png"></li>
          <li *ngFor="let menu of menus" class="nav-item">
            <a *ngIf="menu.isHome" [routerLink]="['Home']" (click)="selectMenu(menu)" [class.selected]="menu == currentMenu">{{menu.name}}</a>

            <a *ngIf="menu.isAbout" [routerLink]="['About']" (click)="selectMenu(menu)" [class.selected]="menu == currentMenu">{{menu.name}}</a>

            <a *ngIf="menu.isForum" [routerLink]="['Forum',{gid: '1'}]" (click)="selectMenu(menu)" [class.selected]="menu == currentMenu">{{menu.name}}</a>
          </li>
        </ul>
      </div>

      <!-- 右侧：用户区域-->
      <div>
        <ul>
          <!-- 游客 -->
          <li class="nav-item"><a class="nav-link" href="user-login.htm">登录</a></li>
          <li class="nav-item"><a class="nav-link" href="user-create.htm">注册</a></li>
        </ul>
      </div>

    </div>
  </nav>

  <link rel="stylesheet" type="text/css" href="/includes/css/header.css">

